<template>
  <div>
    <search
      placeholderInfo="深度学习模型"
      title="一站式AI算法及产品化平台"
    ></search>
    <div class="main">
      <tag-wrapper>
        <tagItem
          v-for="item in itemList"
          :key="item.tagTitle"
          :item="item"
        ></tagItem>
      </tag-wrapper>
      <info-wrapper allUrl="/api/model/listAllModels" detailUrl="/api/model/listModelById" :infoNavList="this.infoNavList" >
        
      </info-wrapper>
    </div>
  </div>
</template>

<script>
import search from "../components/search.vue";
import tagWrapper from "../components/tag-wrapper.vue";
import tagItem from "../components/tagItem.vue";
import infoWrapper from "../components/info-wrapper.vue";

export default {
  name: "algorithm",
  components: {
    search,
    tagWrapper,
    tagItem,
    infoWrapper,

  },
  data() {
    return {
      itemList: [
        {
          tagTitle: "硬件",
          tagList: [
            "CPU",
            "GPU",
            "intel Mov",
            "Nvidia Jetson Nano",
            "Google Coral",
            "Nvidia Jetson TX2",
          ],
        },
        {
          tagTitle: "模型",
          tagList: [
            "自然语言",
            "机器学习",
            "强化学习",
            "通用AI",
            "元学习",
            "其他",
          ],
        },
        {
          tagTitle: "场景",
          tagList: [
            "智慧工业",
            "智慧教育",
            "智慧农业",
            "智慧硬件",
            "智慧服务",
            "其他",
          ],
        },
        {
          tagTitle: "店铺",
          tagList: ["官方自营", "企业店铺", "个人店铺"],
        },
      ],
      infoNavList: ["最新发布", "最多点赞", "最多浏览"],
    };
  },
};
</script>

<style>
.main {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  background: #f9f9f9;
}
</style>